<!DOCTYPE html>
<html  lang="zh-CN">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
    <meta content=always name=referrer>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" href="/static/web/dial/swiper.min.css">
    <script src="/static/web/dial/js/jquery-1.11.3.min.js"></script>
    <script src="/static/web/dial/js/swiper.min.js"></script>
    <title>中奖记录</title>
    <style>
        *{
            margin: 0;padding: 0;
        }
    </style>
</head>
<body style="position: relative;">
<img src="/static/web/dial/images/bg.png" style="display: block;width: 100%;position: absolute;top:0;left:0;">
<img src="/static/web/dial/images/icon3.png" style="display: block;width: 100%;position: relative;z-index: 2;">
<div style="position: relative;width: 88%;margin: 8% auto 0;">
    <img src="/static/web/dial/images/icon4.png" style="position: absolute;width: 64%;left:18%;top:-8%;z-index: 2;">
    <div class="log_con" style="background: url('/static/web/dial/images/icon5.png') no-repeat;background-size: 100% 100%;padding: 8% 7% 8% 6%;overflow: hidden;">
        <div style="overflow: hidden;width: 100%;height: 294px;">
            <ul class="log_list">
                {volist name="data" id="vo"}
                <li style="overflow: hidden;border-bottom:1px dashed #BFBAB0;padding: 8px 0;">
                    <div class="user" style="float: left;width: 40%;">
                        <div class="name" style="font-size: 14px;line-height: 16px;color: #333;">{$vo.name}</div>
                        <div class="phone" style="font-size: 12px;line-height: 16px;color: #666;">{$vo.union}</div>
                    </div>
                    <div class="level" style="float: left;width: 20%;text-align: center;font-size: 14px;line-height: 32px;color: #333;">{$vo.title}</div>
                    <div class="time" style="float: left;width: 40%;text-align: right;font-size: 14px;line-height: 32px;color: #666;">{$vo.create_time}</div>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
    <script type="text/javascript">
        function autoScroll(obj){
            $(obj).find(".log_list").animate({
                marginTop : "-39px"
            },500,function(){
                $(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
            })
        }
        $(function(){
            setInterval('autoScroll(".log_con")',2000);
        })

    </script>

</div>
</body>
</html>